<template>
  <!-- @click-left="onClickLeft"
  @click-right="onClickRight" -->
  <van-nav-bar title="数码圈" left right-text="返回首页" @click-left="onClickLeft" @click-right="onClickRight" left-arrow:false>
    <template #left>
      <img
        src="@/image/36.jpg"
        alt=""
        style="width: 40px; height: 40px; border-radius: 50%"
      />
    </template>
  </van-nav-bar>
  <van-tabs v-model:active="active">
    <van-tab title="关注">
    <gzmisou></gzmisou>
    </van-tab>
    <van-tab title="推荐">
      <miBLONE></miBLONE>
    </van-tab>
  </van-tabs>
</template>

<script>
import miBLONE from '@/views/mi-blog/miBLONE.vue'
import gzmisou from './gzmisou.vue'
import router from "@/router";
import { ref } from "vue";
export default {
  components:{
    miBLONE,gzmisou
  },
  setup() {
    const active = ref(0);
    function onClickLeft(){
     router.push({path:'/user'})
    }
    function onClickRight(){
      router.push({path:'/home'})
    }
    return { active ,onClickLeft,onClickRight};
  },
};
</script>

<style lang="scss" scoped>

</style>